<template>
  <div>
    <div>
<!--    <ul>-->
<!--      <li v-for="item in bloglist"  :key="item.uid">-->

<!--&lt;!&ndash;        <img :src="item.fileUid">&ndash;&gt;-->

<!--        <p><a >{{item.title}}</a></p>-->

<!--        <p>{{item.summary}}</p>-->
<!--        <el-link type="info" icon="el-icon-user-solid">{{item.author}}</el-link>-->
<!--        <el-link type="info" icon="el-icon-view">{{item.clickCount}}</el-link>-->
<!--        <el-link type="info" icon="el-icon-star-on">{{item.collectCount}}</el-link>-->
<!--        <el-link type="info" icon="el-icon-time">{{item.createTime}}</el-link>-->


<!--      </li>-->
<!--    </ul>-->
  </div>

    <div>
<!--      <el-button type="info" icon="el-icon-more-outline" @click="page()">继续加载</el-button>-->


    </div>
    </div>


</template>

<script>
  import axios from "axios";
  export default {
    name: "newblog",
    data() {
      return {
        bloglist : [], //博客列表
        currPage:1,
        pageSize:10,
      };
    },

    methods: {
      page:function () {
        this.currPage++;
        this.findBlog();
      },
      findBlog:function () {
        var _this=this;

        axios.post("/api/blogs/findBlog",{currPage:_this.currPage,pageSize:_this.pageSize}).then(function (res) {
          console.log(res.data)
          _this. bloglist=_this.bloglist.concat(res.data)
        })
      },

    },
    mounted() {
      this.findBlog();
    }
  };
</script>

<style>

</style>
